<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<form id="userDetailsForm" action="/createUserDetails" onclick="onFormSubmit(event);" enctype="multipart/form-data" method="post" class="form-horizontal">

    <fieldset>

        <!-- Form Name -->
        <legend>User Details</legend>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="nameInput">Name</label>
            <div class="controls">
                <input id="nameInput" name="name" type="text" placeholder="please enter name here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="addressInput">Address</label>
            <div class="controls">
                <input id="addressInput" name="address" type="text" placeholder="please enter address here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="emailInput">Email</label>
            <div class="controls">
                <input id="emailInput" name="email" type="text" placeholder="please enter your email here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="phoneInput">phone</label>
            <div class="controls">
                <input id="phoneInput" name="phone" type="text" placeholder="please enter phone here" class="input-xlarge">

            </div>
        </div>

        <!-- Button -->
        <div class="control-group">
            <label class="control-label" for="btnSubmit"></label>
            <div class="controls">
                <button id="btnSubmit" name="btnSubmit" class="btn btn-primary">Submit</button>
            </div>
        </div>

    </fieldset>
</form>

 <script type="text/javascript">
    function onFormSubmit(event){

        //bubbling and default browser behavior of form post
        event.stopPropagation();
        event.preventDefault();
        return false;
    }
 </script>
</body>
</html>